<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../mytags.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>巡检记录查询</title>
<script type="text/javascript" charset="utf-8">
	mui.init();
</script>
</head>
<body>
	<div class="mui-content"
		style="background: none; margin-top: 0px; width: 100%;">
		<div style="padding: 10px 10px; background: #fff;">
			<div class="mui-content"
				style="width: 100%; background: #fff; padding: 15px; border-radius: 0;">
				<form id='login-form' class="mui-input-group">
					<div class="mui-input-row mui-input-row1"
						style="height: 40px; padding-left: 5px;">
						<input type="text" class="mui-input" placeholder="请输入设备SN查询"
							style="width: 80%;"> <label
							style="float: right; width: 50px; text-align: left; padding-top: 2px;"><a
							href=""><img src="${webRoot }images/sach.png"
								style="width: 25px;"></a> </label>
					</div>
				</form>
			</div>
			<div class="mui-clearfix"></div>
		</div>
		<div id="item2" class="mui-control-content mui-active">
			<div class="mui-content" style="margin-top: 0px; width: 100%;">

				<div class="mui-content"
					style="width: 100%; margin-top: 0px; border-radius: 0; background: none;">
					<div class="mui-card"
						style="margin: 0; box-shadow: none; background: none;">
						<ul class="mui-table-view hn">
							<li>
								<div
									class="mui-input-row mui-checkbox mui-left li_f mui-clearfix">

									<div class="inr" style="margin-left: 15px;">
										<h3>
											设备序列号 8390001222<span class="gx">在保</span>
										</h3>
										<div class="inrr">

											<h4>
												<span>服务申请号</span>PM20160601
											</h4>
											<h4>
												<span>厅号</span>VIP
											</h4>
											<h4>
												<span>出保时间</span>2016-05-04
											</h4>
											<h4 style="color: #e70012;">
												<span style="width: 80px;">距离出报时间</span>20天
											</h4>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div
									class="mui-input-row mui-checkbox mui-left li_f mui-clearfix">

									<div class="inr" style="margin-left: 15px;">
										<h3>
											设备序列号 8390001222<span class="gx">在保</span>
										</h3>
										<div class="inrr">

											<h4>
												<span>服务申请号</span>PM20160601
											</h4>
											<h4>
												<span>厅号</span>VIP
											</h4>
											<h4>
												<span>出保时间</span>2016-05-04
											</h4>
											<h4 style="color: #e70012;">
												<span style="width: 80px;">距离出报时间</span>20天
											</h4>
										</div>
									</div>
								</div>
							</li>

						</ul>
					</div>
				</div>
			</div>

		</div>
	</div>
	<div class="mui-clearfix"></div>
	<div class="mui-content-padded" id="xb">
		<a class="mui-btn mui-btn-block mui-btn-primary"
			style="background: #cd0615;">立即续保</a>
	</div>
	<!--签到弹窗输入设备-->
	<div class="mui-backdrop ppp" style="display: none;">
		<div class="tanc">
			<h2 class="mui-clearfix">
				<span class="mui-icon mui-icon-closeempty close"
					style="font-size: 30px;"></span>
			</h2>
			<p class="p">
				请拨打中影巴可24小时服务热线<a href="tel:400-88-22726">400-88-22726</a>咨询维保事宜
			</p>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#xb').click(function() {
				$('.mui-backdrop.ppp').show();
			})
			$('.close').click(function() {
				$('.mui-backdrop').hide();
			})
		})
	</script>
</body>
</html>